<%@ page language="java" import="java.util.*,bookshop.config.VersionInfo" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/listdata.css"></c:url>">
	 <!-- 
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/application.css"></c:url>">
    <link rel="stylesheet" type="text/css" href="<c:url value="/css/listdata.css"></c:url>">
    <link rel="stylesheet" type="text/css" href="<c:url value="/css/form.css"></c:url>">
    -->
    
    <style>
		* {
			PADDING: 0px; 
			MARGIN: 0px; 
		}
		BODY {
			FONT-SIZE: 12px; 
			COLOR: #404040; 
			FONT-FAMILY: "宋体", Arial, Helvetica, sans-serif; 
			BACKGROUND-COLOR: #fff
		}
		IMG {
			BORDER-WIDTH: 0px
		}
		A {
			COLOR: #1a66b3; 
			TEXT-DECORATION: none
		}
		A:hover {
			COLOR: #1a66b3; 
			TEXT-DECORATION: underline
		}
		.comm_head {
			PADDING-LEFT: 1px; 
			PADDING-RIGHT: 1px; 
			PADDING-TOP: 0px; 
			PADDING-BOTTOM: 15px; 
			MARGIN: 0px auto; 
			WIDTH: 962px; 
			BACKGROUND-COLOR: #fff;
			/* border: 1px solid red; */
		}
		.welcome_notice {
			PADDING-LEFT: 19px; 
			PADDING-RIGHT: 7px; 
			PADDING-TOP: 0px; 
			PADDING-BOTTOM: 0px; 
			BORDER-RIGHT: #a7a7a7 1px solid; 
			BORDER-TOP: #a7a7a7 1px; 
			BORDER-LEFT: #a7a7a7 1px solid; 
			BORDER-BOTTOM: #a7a7a7 1px solid; 
			HEIGHT: 25px; 
			BACKGROUND-COLOR: #fffbf0;
			/* border: 1px solid red; */
		}
		.head_toutext {
			MARGIN-TOP: 7px; 
			FONT-WEIGHT: bold; 
			FLOAT: left;
			WIDTH: 400px; 
			HEIGHT: 15px;
			/* border: 1px solid red; */
		}
		.little_navi {
			FLOAT: right; 
			PADDING-TOP: 4px;
		}
		.little_navi .little_n {
			DISPLAY: block; 
			FLOAT: left; 
			LINE-HEIGHT: 20px; 
			MARGIN-RIGHT: 8px; 
			PADDING-TOP: 2px
		}
		.little_navi .little_n A.green {
			FONT-WEIGHT: bold; 
			COLOR: #0d7101; 
			TEXT-DECORATION: none
		}
		.little_navi .little_n A.green:hover {
			FONT-WEIGHT: bold; 
			COLOR: #0d7101; 
			TEXT-DECORATION: underline;
		}
		.cart {
			PADDING-LEFT: 25px; 
			PADDING-RIGHT: 3px; 
			MARGIN-TOP: 5px; 
			BACKGROUND: url(<c:url value="/pics/front/CART_BG1.gif" />) no-repeat; 
			FLOAT: right; 
			LINE-HEIGHT: 20px; 
			HEIGHT: 18px
		}
		.gray4012 A {
			COLOR: #404040; 
			TEXT-DECORATION: none
		}
		.gray4012 A:hover {
			COLOR: #404040; 
			TEXT-DECORATION: underline
		}
		.welcome_p {
			PADDING-TOP: 7px
		}
		.welcome_p A.b {
			FONT-WEIGHT: bold; 
			TEXT-DECORATION: none
		}
		.welcome_p A.b:hover {
			FONT-WEIGHT: bold; 
			TEXT-DECORATION: underline
		}
		.my_head {
			BACKGROUND: url(<c:url value="/pics/front/jianbian1.gif" />) repeat-x 50% bottom; 
			PADDING-BOTTOM: 9px; 
			WIDTH: 960px;
			/* border: 1px solid red; */
		}
		.logo_navi {
			BORDER-LEFT: #878787 1px solid; 
			BORDER-RIGHT: #878787 1px solid; 
			PADDING-LEFT: 25px; 
			PADDING-TOP: 14px; 
			HEIGHT: 63px
		}
		.logo_img {
			FLOAT: left; 
			MARGIN-RIGHT: 33px
		}
		.my_shopping {
			MARGIN: auto; 
			WIDTH: 950px; 
			HEIGHT: 21px
		}
		.pic_shop {
			FLOAT: left; 
			WIDTH: 132px; 
			MARGIN-RIGHT: 15px; 
			MARGIN-LEFT: 5px;
			HEIGHT: 21px
		}
		.shop_news {
			MARGIN-TOP: 10px; 
			FLOAT: left
		}
		.t_red A {
			COLOR: #cc3300; 
			TEXT-DECORATION: none
		}
		.t_red A:hover {
			COLOR: #cc3300; 
			TEXT-DECORATION: underline
		}
		.choice_merch {
			MARGIN: 25px auto auto; 
			WIDTH: 950px
		}
		.objhide {
			DISPLAY: none
		}
		.choice_bord {
			BORDER: #818e6e 2px solid; 
			PADDING: 1px; 
			MARGIN-LEFT: 5px;
			WIDTH: 944px; 
			BACKGROUND-COLOR: #fefbf2
		}
		.tabl_buy {
			WIDTH: 944px; 
			LINE-HEIGHT: 35px; 
			BORDER-COLLAPSE: collapse
		}
		.tabl_buy_title {
			LINE-HEIGHT: 24px; 
			HEIGHT: 24px; 
			BACKGROUND-COLOR: #d8e4c6
		}
		.tabl_buy_title TD {
			BORDER-BOTTOM: #a1a1a1 1px solid
		}
		.tabl_buy_title SPAN {
			DISPLAY: block;
			FONT-SIZE: 12px;
		}
		.span_w1 {
			PADDING-LEFT: 210px;
		}
		.span_w2 {
			PADDING-LEFT: 5px
		}
		.span_w3 {
			PADDING-LEFT: 20px
		}
		.span_w4 {
			PADDING-LEFT: 10px
		}
		.buy_td_1 {
			WIDTH: 58px
		}
		.buy_td_2 {
			WIDTH: 85px
		}
		.buy_td_3 {
			WIDTH: 90px
		}
		.buy_td_4 {
			WIDTH: 135px
		}
		.buy_td_5 {
			WIDTH: 108px
		}
		.buy_td_6 {
			WIDTH: 30px
		}
		.buy_td_7 {
			PADDING-LEFT: 10px; 
			WIDTH: 68px
		}
		.buy_td_8 {
			WIDTH: 78px
		}
		.pic_ss {
			FLOAT: left; 
			MARGIN: 6px 6px 0px
		}
		.w_gray {
			FONT-WEIGHT: bold; 
			COLOR: #666
		}
		.w_gray A {
			COLOR: #666
		}
		.w_gray A:hover {
			COLOR: #666
		}
		.td_no_bord {
			HEIGHT: 35px;
			FONT-SIZE: 12px;
		}
		.c_gray {
			COLOR: #878787
		}
		.gift_no {
			DISPLAY: block; 
			PADDING-LEFT: 17px; 
			CURSOR: pointer
		}
		.del_num {
			BORDER: #797979 1px solid; 
			FONT-SIZE: 12px; 
			WIDTH: 31px; 
			LINE-HEIGHT: 18px; 
			HEIGHT: 18px; 
			TEXT-ALIGN: center
		}
		.no_select {
			FONT-WEIGHT: bold; 
			FONT-SIZE: 14px; 
			LINE-HEIGHT: 67px; 
			HEIGHT: 67px; 
			TEXT-ALIGN: center;
			/* border: 1px solid red; */
		}
		.choice_balance {
			BORDER-TOP: #a1a1a1 2px solid; 
			WIDTH: 944px; 
			HEIGHT: 53px; 
			BACKGROUND-COLOR: #fff
		}
		.select_merch {
			/* BACKGROUND: url(../images/bg_dot_long.gif) no-repeat right 4px; */
			FLOAT: left; 
			MARGIN: 8px 0px 0px 12px; 
			WIDTH: 98px; 
			LINE-HEIGHT: 20px; 
			HEIGHT: 34px
		}
		.select_merch A {
			COLOR: #ff7100; 
			TEXT-DECORATION: none
		}
		.select_merch A:hover {
			COLOR: #ff7100; 
			TEXT-DECORATION: underline
		}
		.total_balance {
			PADDING-RIGHT: 5px; 
			FLOAT: right; 
			HEIGHT: 34px
		}
		.save_total {
			PADDING-RIGHT: 15px; 
			MARGIN-TOP: 11px; 
			FLOAT: left; 
			LINE-HEIGHT: 20px; 
			HEIGHT: 34px; 
			WIDTH: 640px; 
			TEXT-ALIGN: right
		}
		.save_total_right {
			FLOAT: right; 
			LINE-HEIGHT: 36px
		}
		.t_add {
			FONT-WEIGHT: bold; 
			FONT-SIZE: 14px; 
			FLOAT: left
		}
		.c_red_b {
			FONT-WEIGHT: bold; 
			FONT-SIZE: 14px; 
			COLOR: #cc3300
		}
		.save_total_left {
			BORDER-RIGHT: #666 1px solid; 
			WIDTH: 400px; 
		}
		.c_red {
			COLOR: #cc3300
		}
		.balance {
			MARGIN-TOP: 10px; 
			MARGIN-RIGHT: 2px; 
			FLOAT: left; 
			WIDTH: 100px; 
			HEIGHT: 34px
		}
	</style>
    
    <script type="text/javascript" src="<c:url value="/js/common.js"/>"></script>
    
    <script type="text/javascript">
    

    function logout() {
			if(confirm("您真的要离开当当网吗?")) {
				location.href="<c:url value="/security?act=logout"/>";
			}
	    }
	    
	function validate_required(field,alerttxt)
    {
         with (field)
    {
         if (value==null||value=="")
         {
            alert(alerttxt);return false}
            else {return true}
         }
    }

   function validate_form(thisform)
   {
       with (thisform)
       {
          if (validate_required(receiver,"必须填写收货人姓名!")==false)
                 {receiver.focus();return false}
          if (validate_required(receiver_add,"必须填写有效收货地址!")==false)
                 {receiver_add.focus();return false}
          if (validate_required(receive_mode,"必须填写送货方式!")==false)
                 {receive_mode.focus();return false}
          if (validate_required(pay_mode,"必须填写支付方式!")==false)
                 {pay_mode.focus();return false}
          if (validate_required(phone,"必须填写收货人电话号码!")==false)
                 {phone.focus();return false}
          if (validate_required(zip_code,"必须填写收货邮编!")==false)
                 {zip_code.focus();return false}
       }
   }
	    

	    
	</script>    


  </head>
  
  <body>
    <DIV class=comm_head>
		<DIV class=welcome_notice>
			<SPAN class=head_toutext id=nickname > 
				您好,${loginedCustomer.customerName} 
    			[<SPAN onclick="logout();" style="cursor:hand;color:green">退出系统</SPAN>]
			</SPAN>
			<DIV class=little_navi>
				<FORM id=bootpagetopSearch name=bootpagetopSearch
					action="" method=get>
					<DIV class=little_n> 
						| <A href="<c:url value="/myDD?act=showMyDD" />" target=mydangdang name=mydangdang>我的当当</A> 
					</DIV>
				</FORM>
			</DIV>
			<DIV class="cart gray4012">
				<A href="<c:url value="/shoppingcart?act=showShoppingCart" />">购物车</A>
			</DIV>
			<P class=welcome_p id=nickname></P>
		</DIV>
		<DIV class=my_head>
			<DIV class=logo_navi>
				<A href="<c:url value="/workflow?act=mainscreen" />">
				<IMG class=logo_img src="<c:url value="/pics/front/logo.gif" />">
				</A>
			</DIV>
			<DIV style="float:right;">
			    <IMG alt="3.完成订单" src="<c:url value="/pics/front/tag_3_2.gif" />" height="25px" >
			</DIV>
			<DIV style="float:right;">
			    <IMG alt="2.填写订单" src="<c:url value="/pics/front/tag_2_2.gif" />" height="25px">
			</DIV>
			<DIV style="float:right;">
			    <IMG alt="1.我的购物车" src="<c:url value="/pics/front/tag_1_2.gif" />" height="25px">
			</DIV>
			<DIV style="float:right;">
			                <h3>填写订单</h3>
			</DIV>
		</DIV>

	   <DIV class=choice_merch id=div_choice>
	       <H4 id=cart_tips>
			&nbsp;填写新地址
	       </H4>
	       <DIV class=choice_bord>
	          <TABLE class=tabl_buy id=tbCartItemsNormal>

	           <form action="<c:url value="/receiver" />" method="post" onsubmit="return validate_form(this)" >
	                <input type="hidden" name="act" value="add_receiver">
	                <p>收货人:<input type="text" class="text" name="receiver" value="${item.receiver}"/></p>
	                <p>电&nbsp;&nbsp;话:<input type="text" class="text" name="receiverPhone" value="${item.receiverPhone}"/></p>
	                <p>地&nbsp;&nbsp;址:<input type="text" class="text" name="receiverAddr" value="${item.receiverAddr}"/></p>
	                <p>邮&nbsp;&nbsp;编:<input type="text" class="text" name="zipCode" value="${item.zipCode}"/></p>
	                <input type="submit" value="确认提交">
	           </form>
	          
	          </TABLE>
	         </DIV>

		         <DIV id="footer" style="margin-top:20px;width:945px;border-top:1px solid; COLOR: #404040;COLOR: #666; text-align:center; background-color:#fff;font-size:12px;">
                    <%=VersionInfo.buildFooterStr()%>       
                 </DIV>
       
	  </DIV>
	       
   </DIV>
	
  </body>
</html>
